//自定义模板组件
Vue.component('mydiv',{
    props:["arr","fn"],
    template:`
        <div>
             <ul>
                <!--//此处的arr只能访问prpos里面的arr 不能访问Vue对象里面的arr-->
                 <li v-for="name in arr" @click="fn(name)">{{name}}</li>
            </ul>
        </div>
    `
})
let vm=new Vue({
    el:"mydiv",
    data:{
        arr:["刘备","关羽","张飞"]
    },
    methods:{
        fn:function (name) {
            alert(name);
        }
    }
})